<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/public.js"></script>
    <title>云中宝</title>
</head>

<body>
<div class="wrapper">
<div class="header">
    <ul class='clearfix'>
        <li class="header_btn_wrapper float_l"><a href="javascript:goHistory()" class="header_btn"><img src="images/return_icon.png" alt=""></a></li>
        <li class="header_btn_wrapper float_r"><a href="javascript:goHome()" class="header_btn"><img src="images/home_icon.png" alt=""></a></li>
        <li class="header_title_wrapper">医保报销</li>
    </ul> 
</div>
<div class="main pd10">
    <div class="content_wrapper">
        <div class="title cnt_list_title"><p>请提交如下材料：</p></div>
        <div class="title cnt_list_title"><p>门诊报销：</p></div>
        <ul class="cnt_list">
            <li class=""><p><span>门诊发票</span></p></li>
            <li class=""><p><span>费用明细</span></p></li>
            <li class=""><p><span>处方</span></p></li>
            <li class=""><p><span>社保卡</span></p></li>
        </ul>
        <div class="title cnt_list_title"><p>住院报销：</p></div>
        <ul class="cnt_list">
            <li class=""><p><span>住院发票</span></p></li>
            <li class=""><p><span>费用明细</span></p></li>
            <li class=""><p><span>结算单</span></p></li>
            <li class=""><p><span>全额结算证明</span></p></li>
            <li class=""><p><span>社保卡</span></p></li>
        </ul>
        <div class="title cnt_list_title"><p>请将材料快递至：</p></div>
        <ul class="cnt_list">
            <li class=""><p><span>北京市朝阳区社保基金管理处</span></p></li>
        </ul>
        <div class="form_item">
            <a class="btn btn_lg bg_orange w_10"id="subs_btn" onclick="check()" href="javascript:void(0)">提交申请</a>        
        </div>   
    </div>    
</div>
<div class="pops">
   <div class="pop">
       <div class="close clearfix"><span>&times;</span></div>
       <p>申请提交成功！</p>
   </div>
</div>
<style>
    .pops{
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        opacity: 0;
        -webkit-transition: opacity 0.3s linear 0s;
        transition: opacity 0.3s linear 0s;
        z-index: -1;
        visibility:hidden
    }
    .pop{
        display: block;
        background-color:#fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top:-50px ;
        margin-left:-100px ;
        width: 200px;
        height: 100px
    }
    .pop .close{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        text-align: right;
        font-size: 18px;
        line-height: 20px;
        border-bottom: 1px solid #f0f0f0;
    }
    .pop .close span{
        display: block;
        cursor: pointer;
        width: 30px;
        float: right
    }
    .pop p{
        margin-top: 24px;
        text-align: center;
    }
</style> 
</div>
<div class="footer">
    <ul class="toolbar">
        <li class="account"><a href="javascript:void(0)"><p>我的账户</p></a></li>
        <li class="transact active"><a href="javascript:void(0)"><p>我要办理</p></a></li>
        <li class="info"><a href="javascript:void(0)"><p>服务信息</p></a></li>
        <li class="setting"><a href="javascript:void(0)"><p>个人设置</p></a></li>
    </ul>
</div>
</div>
<script type="text/javascript">
var scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)
var pops = document.querySelector('.pops')
document.getElementById('subs_btn').onclick = function(){
    pops.style.zIndex = 10;
    pops.style.height = scrollHeight+'px'
    pops.style.opacity = 1
    pops.style.visibility='visible'
}
document.querySelector('.pops').onclick = function(){
    this.style.opacity = 0
    this.style.zIndex = -1;
    pops.style.visibility='hidden'
}
 
</script>  
</body>
</html>